<template>
  <div>
    <div class="banner" >
     <carousel></carousel>
    </div>
    <phone-dispaly></phone-dispaly>
    <shop-hot></shop-hot>
    <mi-phone></mi-phone>
    <huawei-phone></huawei-phone>
    <jianguo-phone></jianguo-phone>
  </div>
</template>

<script>
    import Carousel from "../components/carousel";
    import phoneDispaly from '../views/phone-dispaly'
    import ShopHot from "../views/shop-hot";
    import MiPhone from "../views/phone/mi-phone"
    import HuaweiPhone from "../views/phone/huawei-phone"
    import JianguoPhone from "../views/phone/jianguo-phone"

    export default {
      components: {
        Carousel,
        phoneDispaly,
        ShopHot,
        MiPhone,
        HuaweiPhone,
        JianguoPhone
      },
      name: "index"
    }
</script>

<style scoped>

</style>
